iT邦幫忙

2023 iThome 鐵人賽

DAY 2
0
Modern Web

從零寫出捷運美食介紹網頁(HTML/CSS)系列 第 2

[Day2]基本環境設置(上)

  • 分享至 

  • xImage
  •  

寫任何程式之前,第一步要做的就是建設開發環境,所以今天就先來談談這部分吧!


要寫出一個網頁,首先要有文字編輯器,網路上可以搜尋到各種編輯器,這邊就不多做介紹,有興趣的人可以自行上網搜尋~

眾多編輯器中,最為人熟知的是Visual Studio Code(VS Code),它是由微軟開發的一套可同時支援Windows、macOS和 Linux系統的文字編輯器,除了可以用來開發HTML、CSS、Javascript,也可以擴充支援Python、C/C++、Java等語言,最重要的是它可以提供即時預覽和程式碼提示。

以下我將使用VS Code做示範。

VS Code下載網址:https://code.visualstudio.com/

  • 和其他軟體的下載過程一樣,這邊就不贅述,特別提醒可以將 「建立桌面圖示」 勾選,方便之後直接在桌面執行軟體。
    https://ithelp.ithome.com.tw/upload/images/20230916/20162303dpbPHsglMn.png

  • 點選下一步後就會開始安裝,安裝完成後直接打開VS Code。
    https://ithelp.ithome.com.tw/upload/images/20230916/20162303DBxoPcL3mt.png

  • 打開VS Code會看到這個歡迎頁面,到了這一步就表示已經成功擁有文字編輯器囉!
    https://ithelp.ithome.com.tw/upload/images/20230916/201623032Iiyvt66wC.png

那今天就先講到這邊,明天再介紹建檔案和安裝即時預覽套件,我是YQ,明天見。


上一篇
[Day1]前言與動機
下一篇
[Day3]基本環境設置(下)
系列文
從零寫出捷運美食介紹網頁(HTML/CSS)30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言